```js
// demo-list.stories.js

import { html } from 'lit-html';

import './demo-list';
import './demo-list-item';

export default {
  title: 'List',
};

export const Empty = (args) => html`<demo-list></demo-list>`;

export const OneItem = (args) => {
  return html`
    <demo-list>
      <demo-list-item></demo-list-item>
    </demo-list>
  `;
};

export const ManyItems = (args) => {
  return html`
    <demo-list>
      <demo-list-item></demo-list-item>
      <demo-list-item></demo-list-item>
      <demo-list-item></demo-list-item>
    </demo-list>
  `;
};
```
